<ion-header>
  <ion-navbar color="orange">
    <ion-title>保证金管理</ion-title>
  </ion-navbar>
</ion-header>


<ion-content padding>
    <div class="curr-bond">
      <div class="ht-text-center">我的保证金</div>
      <div class="bond-money flex flex-line-center">
        <span class="ht-font-18">￥</span>
        <span>{{frozen_money}}</span>
      </div>
      <div class="flex flex-line-center">
        <button class="bond-btn" [navPush]="'BondRechargePage'">充值保证金</button>
        <button class="bond-btn" [navPush]="'BondRefundPage'" margin-left>退还保证金</button>
      </div>
    </div>
    <div class="detail-list">
      <div class="detail-title">保证金明细</div>
      <ul>
        <li *ngFor="let detail of frozen_detail">
          <p class="flex flex-line-between">
            <span *ngIf="detail.number > 0">
             充值保证金
            </span>
            <span *ngIf="detail.number < 0">
             退还保证金
            </span>
            <span>{{detail.number}}</span>
          </p>
          <p>{{detail.update_time}}</p>
        </li>
      </ul>
    </div>
</ion-content>
